<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Elementos</title>
    </h:head>
    <h:body>
        <ui:composition template="../templateInt.xhtml">
            <ui:define name="content">
                <h:form>
                    <a4j:outputPanel id="aplicacionesPanel" ajaxRendered="true">
                        <h:messages style="color:red;margin:8px;"/>
                        <rich:tabPanel id="TipoAplicacionesTabPanel" switchType="client">
                            <rich:tab header="Aplicaciones" name="aplicaciones">
                                <h:panelGrid columns="2">
                                    <h:outputText id="tipoUsuarioOutputText" value="Tipo Usuario"/>
                                    <h:selectOneMenu id="tipoUsuarioSelect" value="#{solicitudBean.tipoUsuarioSeleccionado}">
                                        <f:selectItems value="#{solicitudBean.tipoUsuarioItems}"/>
                                        <f:ajax execute="@this" render="@form"
                                                listener="#{solicitudBean.tipoUsuarioSeleccionado}"/>
                                    </h:selectOneMenu>
                                    <h:outputText id="fechaInicioOutputText" value="Inicio vigencia" rendered="#{solicitudBean.mostrarVigencia}"/>
                                    <rich:calendar id="usuarioFechaInicio" datePattern="dd/MM/yyyy" timeZone="#{timeZone.timeZone}" rendered="#{solicitudBean.mostrarVigencia}"
                                                   value="#{solicitudBean.fechaInicioVigencia}">
                                        <f:convertDateTime type="date" pattern="dd/MM/yyyy" timeZone="#{timeZone.timeZone}"/>
                                    </rich:calendar>
                                    <h:outputText id="fechaFinOutputText" value="Fin vigencia" rendered="#{solicitudBean.mostrarVigencia}"/>
                                    <rich:calendar id="usuarioFechaFin" datePattern="dd/MM/yyyy" timeZone="#{timeZone.timeZone}" rendered="#{solicitudBean.mostrarVigencia}" 
                                                   value="#{solicitudBean.fechaFinVigencia}">
                                        <f:convertDateTime type="date" pattern="dd/MM/yyyy" timeZone="#{timeZone.timeZone}"/>
                                    </rich:calendar>
                                    <h:outputText id="aplicacionOutputText" value="Aplicacion"/>
                                    <h:selectOneMenu id="aplicacionSelect" value="#{solicitudBean.aplicacionSeleccionado}">
                                        <f:selectItem noSelectionOption="true" itemLabel="Seleccione una aplicación"/>
                                        <f:selectItems value="#{solicitudBean.aplicacionItems}"/>
                                        <f:ajax execute="@this" render="perfilAplicacionSelect" listener="#{solicitudBean.llenarPerfiles()}" event="change"/>
                                        <f:ajax execute="@this" render="accionesSelect" listener="#{solicitudBean.llenarAcciones()}" event="change"/>
                                    </h:selectOneMenu>
                                    <h:outputText id="perfilAplicacionOutputText" value="Perfil"/>
                                    <h:selectOneMenu id="perfilAplicacionSelect" value="#{solicitudBean.perfilSeleccionado}">
                                        <f:selectItem noSelectionOption="true" itemLabel="Seleccione un perfil"/>
                                        <f:selectItems value="#{solicitudBean.perfilItems}"/>
                                    </h:selectOneMenu>
                                    <h:outputText id="comentariosAplicacionOutputText" value="Comentarios"/>
                                    <h:inputTextarea id="comentariosAplicacionInputArea" value="#{solicitudBean.comentariosUsuario}"/>
                                    <h:outputText id="accionesAplicacionOutputText" value="Acción"/>
                                    <h:selectOneMenu id="accionesSelect" value="#{solicitudBean.accionSeleccionada}">
                                        <f:selectItem noSelectionOption="true" itemLabel="Seleccione una acción"/>
                                        <f:selectItems value="#{solicitudBean.accionesItems}"/>
                                    </h:selectOneMenu>
                                </h:panelGrid>
                                <a4j:commandButton id="solicitudAplicacionCommandButton" value="Enviar Solicitud" actionListener="#{solicitudBean.enviarSolicitudAplicaciones}"
                                                   render="informacionPopup" oncomplete="#{rich:component('informacionPopup')}.show();return false"/>
                            </rich:tab>
                            <rich:tab header="Elementos"  name="elementos">
                                <h:panelGrid columns="2">
                                    <h:outputText id="tipoUsuarioElementosOutputText" value="Tipo Usuario"/>
                                    <h:selectOneMenu id="tipoUsuarioElementosSelect" value="#{solicitudBean.tipoUsuarioElementosSeleccionado}">
                                        <f:selectItems value="#{solicitudBean.tipoUsuarioItems}"/>
                                        <f:ajax execute="@this" render="@form"
                                                listener="#{solicitudBean.tipoUsuarioSeleccionado}"/>
                                    </h:selectOneMenu>
                                    <h:outputText id="accionesElementosOutputText" value="Acción"/>
                                    <h:selectOneMenu id="accionesElementosSelect" value="#{solicitudBean.accionSeleccionada}">
                                        <f:selectItem noSelectionOption="true" itemLabel="Seleccione una acción"/>
                                        <f:selectItem itemLabel="Creación" itemValue="1"/>
                                        <f:selectItem itemLabel="Eliminación" itemValue="2"/>
                                        <f:selectItem itemLabel="Cambio Password" itemValue="3"/>
                                        <f:selectItem itemLabel="Cambio Perfil" itemValue="4"/>
                                    </h:selectOneMenu>
                                </h:panelGrid>
                                <a4j:commandButton id="solicitudElementosCommandButton" value="Enviar Solicitud" actionListener="#{solicitudBean.enviarSolicitudElementos}"
                                                       render="informacionPopup" oncomplete="#{rich:component('informacionPopup')}.show();return false"/>
                            </rich:tab>
                            <rich:tab header="Requerimientos"  name="requerimientos">
                                <h:panelGrid columns="2">
                                    <h:outputText id="tipoUsuarioRequerimientosOutputText" value="Tipo Usuario"/>
                                    <h:selectOneMenu id="tipoUsuarioRequerimientosSelect" value="#{solicitudBean.tipoUsuarioRequerimientosSeleccionado}">
                                        <f:selectItems value="#{solicitudBean.tipoUsuarioItems}"/>
                                        <f:ajax execute="tipoUsuarioSelect" render="@form"
                                                listener="#{solicitudBean.tipoUsuarioSeleccionado}"/>
                                    </h:selectOneMenu>
                                    <h:outputText id="accionesRequerimientosOutputText" value="Acción"/>
                                    <h:selectOneMenu id="accionesRequerimientosSelect" value="#{solicitudBean.accionSeleccionada}">
                                        <f:selectItem noSelectionOption="true" itemLabel="Seleccione una acción"/>
                                        <f:selectItem itemLabel="Creación" itemValue="1"/>
                                        <f:selectItem itemLabel="Eliminación" itemValue="2"/>
                                        <f:selectItem itemLabel="Cambio Password" itemValue="3"/>
                                        <f:selectItem itemLabel="Cambio Perfil" itemValue="4"/>
                                    </h:selectOneMenu>
                                </h:panelGrid>
                                <a4j:commandButton id="solicitudRequerimientosCommandButton" value="Enviar Solicitud" actionListener="#{solicitudBean.enviarSolicitudRequerimientos}"
                                                       render="informacionPopup" oncomplete="#{rich:component('informacionPopup')}.show();return false"/>
                            </rich:tab>
                            <rich:tab header="Firewall"  name="firewall">
                                <h:panelGrid columns="2">
                                    <h:outputText id="ipOrigenFirewallLabelOutputText" value="Ip Origen"/>
                                    <h:inputText id="ipOrigenFirewallOutputText" value="#{solicitudBean.ipOrigenFirewall}"/>
                                    <h:outputText id="ipDestinoFirewallLabelOutputText" value="Ip Destino"/>
                                    <h:inputText id="ipDestinoFirewallOutputText" value="#{solicitudBean.ipDestinoFirewall}"/>
                                </h:panelGrid>
                                <a4j:commandButton id="solicitudFirewallCommandButton" value="Enviar Solicitud" actionListener="#{solicitudBean.enviarSolicitudFirewall}"
                                                       render="informacionPopup" oncomplete="#{rich:component('informacionPopup')}.show();return false"/>
                            </rich:tab>
                        </rich:tabPanel>
                    </a4j:outputPanel>
                </h:form>
                <rich:popupPanel id="informacionPopup" width="350" height="200">
                    <f:facet name="header">Información</f:facet>
                    <h:panelGrid>
                        <h:panelGrid columns="2">
                            <h:outputText value="#{solicitudBean.mensaje}" style="FONT-SIZE: small;" />
                        </h:panelGrid>
                        <h:panelGroup>
                            <input type="button" value="OK"
                                   onclick="#{rich:component('informacionPopup')}.hide();
                                           submit();
                                           return false;" />
                        </h:panelGroup>
                    </h:panelGrid>
                </rich:popupPanel>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

